@function toRem($px){
	$rem:41.4px;
	@return $px/$rem + rem;
}

body{
	margin: 0;
	padding: 0;
	
	p{
		margin: 0;
	}
	ul{
		list-style: none;
		padding: 0;
		margin: 0;
	}
}

/* 头部 背景 */
.div_top_bj{
	background: url("../../assets/goodsImg/top1.jpg");
	background-size: 100%,100%;
	height: toRem(110px);
	width: 100%;
	position: relative;
	
	img{
		position: absolute;
		width: toRem(85px);
		top: 35%;
		left: 39%;
	}
	
}

/* 店铺标题栏 */
.div_title{
	margin-top: toRem(30px);
	font-size: toRem(12px);
	line-height: 0;
	p{
		font-size: toRem(22px);
		font-weight: bold;
		
	}
	ul{
		li{
			display: inline-block;
			height: toRem(20px);
			line-height: toRem(20px);
			margin: toRem(3px);
			color: #666;
		}
	}
	
	/* 优惠券      color: #594519;*/
	.div_coupon{
		display: inline-block;
		margin: auto;
		color: #594519;
		background: #ffe578;
		width: 32%;
		text-align: left;
		height: toRem(30px);
		line-height: toRem(30px);
		padding-left: toRem(20px);
		padding-right: toRem(8px);
		margin-left: toRem(10px);
		position: relative;
		img{
			width: toRem(13px);
			margin-left: toRem(10px);
		}
		.span_coupon_icon{
			font-size: toRem(14px);
			font-weight: bold;
		}
		.span_coupon_price{
			font-size: toRem(20px);
			font-weight: bold;
		}
		.div_coupon_get{
			float: right;
			margin-top: toRem(2px);
		}
		div{
			background: white;
			width: toRem(6px);
			height: toRem(6px);
			position: absolute;
			border-radius: toRem(10px);
			left: 73%;
		}
		.div_coupon_item1{
			top: -8%;
		}
		.div_coupon_item2{
			top: 88%;
		}
	}
	.div_coupon_red{
		background: #fff4f4;
		color: #5c1603;
	}
}


/* 优惠 */
.div_discount{
	font-size: toRem(12px);
	height: toRem(30px);
	line-height: toRem(30px);
	text-align: left;
	color: #666;
	margin-top: toRem(5px);
	padding-left: toRem(46px);
	padding-right: toRem(40px);
	label{
		color: white;
		background: rgb(240, 115, 115);
		padding: toRem(1px) toRem(2px);
	}
	a{
		float: right;
		color: #999;
	}
}

/* 公告 */
.div_notice{
	font-size: toRem(12px);
	height: toRem(20px);
	line-height: toRem(20px);
	text-align: left;
	color: #666;
	padding-left: toRem(46px);
	padding-right: toRem(40px);
	overflow: hidden;		/*超出部分隐藏*/
    text-overflow:ellipsis;	/* 超出部分显示省略号 */
    white-space: nowrap;	/*规定段落中的文本不进行换行 */
}

/* 滑动会固定在顶部的导航 */
.div_nav{
	font-size: toRem(18px);
	padding-top: toRem(10px);
	width: 100%;
	border-bottom: 1px solid #f2f2f2;
	background: white;
	margin: auto;
	ul{
		li{
			display: inline-block;
			padding-bottom: toRem(8px);
			margin-left: toRem(48px);
			margin-right: toRem(48px);
		}
		li:nth-child(1){
			font-weight: bold;
			color: #333;
			border-bottom: toRem(3px) solid rgb(35, 149, 255);
		}
	}
}

.div_nav_fixed{
	position: fixed;
	top: 0;
}

/* 单独的一张图 */
.div_img{
	width: 90%;
	margin: auto;
	margin-top: toRem(10px);
	img{
		width: 100%;
	}
}

/* 商家推荐 */
.div_recommend{
	width: 90%;
	margin: auto;
	font-size: toRem(12px);
	color: #999;
	text-align: left;
	margin-bottom: toRem(15px);
	p{
		font-size: toRem(18px);
		color: #333;
		font-weight: bold;
	}
	ul{
		overflow-x: auto;
		white-space: nowrap;
		li{
			display: inline-block;
			div{
				margin-left: toRem(10px);
				width: toRem(120px);
				overflow: hidden;		/*超出部分隐藏*/
				text-overflow:ellipsis;	/* 超出部分显示省略号 */
				white-space: nowrap;	/*规定段落中的文本不进行换行 */
				img{
					width: 100%;
				}
				.label_goodsName{
					font-size: toRem(16px);
					color: #333;				
				}
				.label_price{
					font-size: toRem(18px);
					color:rgb(255, 83, 57);	
					line-height: toRem(30px);
				}
				i{
					font-size: toRem(23px);
					color:  rgb(35, 149, 255);
					float: right;
				}
			}
		}
	}
}

/* 商品列表 */
.div_goodsList{
	.div_list_left{
		width: toRem(80px);
		ul{
			.li_checked{
				background: white;
			}
			a{
				font-size: toRem(14px);
				color: #999;
				text-decoration: none;
				li{
					height: toRem(50px);
					line-height: toRem(50px);
					background: #f8f8f8;
				}
				
			}
			
			
		}
	}
	
}

/* 主体部分 */
.el_container{padding-bottom: toRem(50px);}
.el_main{
	padding: 0;
	}
.el_aside{
	height: toRem(680px);
	overflow-y: scroll;
}

.div_el_main{
	height: toRem(690px);
	overflow-y: scroll;
}

	.div_list_main{
		font-size: toRem(12px);
		color: #999;
		text-align: left;
		.label_hot{
			font-weight: bold;
			color: #666;
		}
		
		ul{
			
			li{
				
				.div_list_item{
					height: toRem(110px);
					margin-top: toRem(15px);
					margin-bottom: toRem(20px);
					img{
						width: toRem(100px);
						height: 100%;
						float: left;
					}
					div{
						width: 59%;
						padding-right: toRem(10px);
						padding-top: toRem(10px);
						overflow: hidden;		/*超出部分隐藏*/
						text-overflow:ellipsis;	/* 超出部分显示省略号 */
						white-space: nowrap;	/*规定段落中的文本不进行换行 */
						float: right;
						p{
							font-size: toRem(18px);
							color:#333;	
							font-weight: bold;
							line-height: toRem(30px);
						}
						
						.btn_small{
							border-radius: 2px;
							font-size: toRem(9px);
							margin-left: toRem(5px);
						}
						.btn_small_white{
							border: toRem(1px) solid #f5b0a5;
							color: #eb6551;
							background: white;
						}
						.btn_small_red{
							color: #ff4c0d;
							background: rgba(255,76,13,.15);
							border: toRem(1px) solid #f5b0a5;
						}
						
						.label_price{
							font-size: toRem(18px);
							color:rgb(255, 83, 57);	
							line-height: toRem(40px);
						}
						.span_price_no{
							text-decoration: line-through;
							font-size: toRem(13px);
						}
						i{
							font-size: toRem(23px);
							color:  rgb(35, 149, 255);
							float: right;
						}
					}
				}
			}
		}
	}
	
/* 底部 */
.div_footer{
	background:#505052;
	position: fixed;
	bottom: 0;
	width: 100%;
	height: toRem(60px);
	font-size: toRem(13px);
	.div_shoppingCar{
		position: absolute;
		top: toRem(-15px);
		left: toRem(15px);
		pading-top: toRem(10px);
		width: toRem(55px);
		height: toRem(55px);
		border-radius: 30px;
		background: #444444;
		
		div{
			position: absolute;
			top: 10%;
			left: 10%;
			width: toRem(45px);
			height: toRem(40px);
			padding-top: toRem(5px);
			border-radius: 30px;
			background: #363636;
			margin: auto;
			img{
				width: 75%;
			}
		}
	}
	
	.div_fotter_text{
		margin-top: toRem(10px);
		color: #999;
		text-align: left;
		margin-left: toRem(100px);
	}
	
	.label_footer_price{
		color: #f2f2f2;
		font-weight: bold;
		font-size: toRem(18px);
		position: absolute;
		top: 40%;
		left: 75%;
	}
}